﻿<!DOCTYPE html>
<html>
	<head>
		<title>菜单导航栏</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
		
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/top.css"/>
		<script type="text/javascript" src="../js/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="../js/bootstrap.min.js"></script>
		<script type="text/javascript" src="../js/top.js">	
		</script>
		<script type="text/javascript">
				var sysClick = function() {

				$("#meddle-left").load('leftSys.html');
				}
		</script>
	</head>
	<body>
		<div class="container" id="container-top">
			<div class="row ">
				<div class="col-md-2 col-sm-2 col-xs-2" id="top-log ">
						<img src="../images/login.png"  />
				</div>
				<div class="col-md-2 col-md-offset-1 col-sm-2 col-xs-2 top-navigation">
						<img src="../images/map.png" class="fontimg"/>
						<div class="load-weizi"><a href="javascript:void(0)" onclick="lmap()">地图</a></div>
				</div>
				<div class="col-md-2 col-sm-2 col-xs-2  top-navigation">
					<img src="../images/monitor.png" class="fontimg" />
					<div class="load-weizi"><a href="javascript:void(0)" onclick="control()">监测</a></div>
				</div>
				<div class="col-md-2 col-sm-2 col-xs-2  top-navigation">
					<img src="../images/people.png" class="fontimg"/>
					<div class="load-weizi"><a href="#" onclick="sysClick()">系统</a></div>
				</div>
				<div class="col-md-3 col-sm-4 col-xs-4" id="top-right">
					<div class="row">
					<div class="top-right-text col-md-8 col-sm-8 col-xs-8">
						欢迎,admin
					</div>
						<div class="col-md-4 col-sm-4 col-xs-4">
						<a href="../index.html" target="_top" class="top-right-but">
							退出
						</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container" id="container-meddle">
			<div class="row">
				<div class="col-md-3" id="meddle-left">
					
				</div>
				<div class="col-md-9" id="meddle-right">
					
				</div>
			</div>
		</div>
	</body>
</html>